<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>精灵云 | 做国内最专业的容器云管理平台(内测版)</title>
	<link type="image/x-icon" rel="shortcut icon" href="/images/ghostcloud.png" />
	<link rel="stylesheet" type="text/css" href="css/main.min.css">
	<link rel="stylesheet" href="css/index.min.css">
</head>
<body style="background-color: #FAFAFA">
	<!-- header -->
	<div class="header" style="background: #2696EC; height: 105px;">
		<div class="header-top oh" style="border: 0;">
			<div class="w1330 oh">
				<a class="header-top-logo fl" href="#"><img src="images/logotest.png" title="精灵云 | 做国内最专业的容器云管理平台"></a>
				<div class="header-top-nav oh fr">
					<div class="h-t-nav-option"><a href="#">首页</a></div>
					<div class="h-t-nav-option"><a href="#">控制台</a></div>
					<div class="h-t-nav-option"><a href="#">产品</a></div>
					<div class="h-t-nav-option"><a href="#">文档</a></div>
					<div class="h-t-nav-option"><a href="#">精灵学院</a></div>
					<div class="h-t-nav-option"><a href="#">加入我们</a></div>
					<div class="h-t-nav-option"><a class="active" href="#">用户中心</a></div>
					<div class="h-t-nav-option"><span class="user-header-img"></span><p class="user-name">Emma&nbsp;&nbsp;&nbsp;| </p><a href="#">退出</a></div>
				</div>
			</div>
		</div>
		<div class="header-user"></div>
	</div>
	<!-- header end -->

	<!-- container -->
	<div class="container">
		<div class="school-container">
			<div class="banner">
				<img src="images/schoolbanner.png">
			</div>
			<div class="tap-nav">
				<div id="tapNav" class="nav">
					<h3 class="active">精灵云博客</h3>
					<h3>典型解决方案</h3>
					<h3>视频教程</h3>
				</div>
				<div class="content">
					<div class="info-left">
						<p>Hi，看了精灵云的教程涨姿势了吗？如有任何问题，欢迎联系我们！联系方式：028-65785728</p>
						<b>
							<em>类别：</em>
							<span class="option active">全部</span><span class="line">|</span>
							<span class="option">Go语言</span><span class="line">|</span>
							<span class="option">Docker</span><span class="line">|</span>
							<span class="option">镜像</span><span class="line">|</span>
							<span class="option">克隆</span><span class="line">|</span>
							<span class="option">微服务架构</span><span class="line">|</span>
							<span class="option">相关书籍</span><span class="line">|</span>
							<span class="option">云存储</span>
						</b>
						<b style="padding-top: 5px">
							<em>时间：</em>
							<span class="option active">不限</span><span class="line">|</span>
							<span class="option">三天内</span><span class="line">|</span>
							<span class="option">一周内</span><span class="line">|</span>
							<span class="option">一个月内</span><span class="line">|</span>
							<span class="option">一年内</span><span class="line">|</span>
						</b>
					</div>
					<div class="info-right">
						<h2>Total</h2>
						<p>1234<span>篇教程</span></p>
					</div>
				</div>
			</div>
			<div class="left">
				<div class="option">
					<div class="img">
						<img src="images/school/school1.png">
					</div>
					<div class="info">
						<h3 class="title">共享自定义镜像上线啦！</h3>
						<div class="tip">
							<p class="author">作者：<span>Admin</span></p>
							<p class="time"><span>2016年3月14日</span></p>
							<p class="label">标签：<span class="color1">云服务器</span><span class="color2">自定义镜像</span></p>
						</div>
						<div class="brief">
							<p class="bj">背景：</p>
							<p class="content">自定义镜像是由用户通过镜像制作功能制作的镜像，但用户制作的镜像只有本人账户可以使用。共享自定义镜像上线后，用户可以通过自定义镜像的共享功能，将自己的自定义镜像共享......<span class="after">......</span></p>
						</div>
						<div class="operation">
							<a class="red" href="">删除</a>
							<a class="gr" href="">修改</a>
							<a class="seeall" href="#">阅读全文》</a>
						</div>
					</div>
				</div>
				<div class="option noimg">
					<div class="info">
						<h3 class="title">共享自定义镜像上线啦！</h3>
						<div class="tip">
							<p class="author">作者：<span>Admin</span></p>
							<p class="time"><span>2016年3月14日</span></p>
							<p class="label">标签：<span class="color1">云服务器</span><span class="color2">自定义镜像</span></p>
						</div>
						<div class="brief">
							<p class="bj">背景：</p>
							<p class="content">自定义镜像是由用户通过镜像制作功能制作的镜像，但用户制作的镜像只有本人账户可以使用。共享自定义镜像上线后，用户可以通过自定义镜像的共享功能，将自己的自定义镜像共享.......<span class="after" style="display: none;">......</span></p>
						</div>
						<a class="seeall" href="#">阅读全文》</a>
					</div>
				</div>
				<div class="option">
					<div class="img">
						<img src="">
					</div>
					<div class="info">
						<h3 class="title">共享自定义镜像上线啦！</h3>
						<div class="tip">
							<p class="author">作者：<span>Admin</span></p>
							<p class="time"><span>2016年3月14日</span></p>
							<p class="label">标签：<span class="color1">云服务器</span><span class="color2">自定义镜像</span></p>
						</div>
						<div class="brief">
							<p class="bj">背景：</p>
							<p class="content">自定义镜像是由用户通过镜像制作功能制作的镜像，但用户制作的镜像只有本人账户可以使用。共享自定义镜像上线后，用户可以通过自定义镜像的共享功能，将自己的自定义镜像共享.......<span class="after">......</span></p>
						</div>
						<a class="seeall" href="#">阅读全文》</a>
					</div>
				</div>
				<div class="option">
					<div class="img">
						<img src="">
					</div>
					<div class="info">
						<h3 class="title">共享自定义镜像上线啦！</h3>
						<div class="tip">
							<p class="author">作者：<span>Admin</span></p>
							<p class="time"><span>2016年3月14日</span></p>
							<p class="label">标签：<span class="color1">云服务器</span><span class="color2">自定义镜像</span></p>
						</div>
						<div class="brief">
							<p class="bj">背景：</p>
							<p class="content">自定义镜像是由用户通过镜像制作功能制作的镜像，但用户制作的镜像只有本人账户可以使用。共享自定义镜像上线后，用户可以通过自定义镜像的共享功能，将自己的自定义镜像共享.......<span class="after">......</span></p>
						</div>
						<a class="seeall" href="#">阅读全文》</a>
					</div>
				</div>
				<div class="option">
					<div class="img">
						<img src="">
					</div>
					<div class="info">
						<h3 class="title">共享自定义镜像上线啦！</h3>
						<div class="tip">
							<p class="author">作者：<span>Admin</span></p>
							<p class="time"><span>2016年3月14日</span></p>
							<p class="label">标签：<span class="color1">云服务器</span><span class="color2">自定义镜像</span></p>
						</div>
						<div class="brief">
							<p class="bj">背景：</p>
							<p class="content">自定义镜像是由用户通过镜像制作功能制作的镜像，但用户制作的镜像只有本人账户可以使用。共享自定义镜像上线后，用户可以通过自定义镜像的共享功能，将自己的自定义镜像共享.......<span class="after">......</span></p>
						</div>
						<a class="seeall" href="#">阅读全文》</a>
					</div>
				</div>
				<ul class="page" data-flag="1">
					<li class="prev" data-num="-1"><span>prev</span></li>
					<li class="active" data-num="1"><span>1</span></li>
					<li><span>2</span></li>
					<li class="more-page"><span>...</span></li>
					<li><span>7</span></li>
					<li class="next" data-num="0"><span>next</span></li>
				</ul>
			</div>

			<div class="right">
				<div class="search-box">
					<input type="text" name="search" id="search" placeholder="全文搜索"><span class="search-btn"></span>	
				</div>
				<div class="hot-label">
					<h3>热门标签</h3>
					<div class="hot-content">
						<span class="font1">云服务器</span>
						<span class="font2">Docker</span>
						<span class="font1">容器</span>
						<span class="font3">虚拟化技术</span>
						<span class="font1">镜像</span>
						<span class="font2">克隆</span>
						<span class="font1">网络</span>
						<span class="font3">安全</span>
						<span class="font2">存储</span>
						<span class="font1">轻量</span>
						<span class="font1">Ubuntu</span>
						<span class="font3">CentOS</span>
						<span class="font1">回滚</span>
						<span class="font2">照相</span>
						<span class="font1">微服务架构</span>
						<span class="font3">SOA</span>
						<span class="font2">Swarm</span>
					</div>
				</div>
				<div class="recent-posts">
					<h3>最新文章</h3>
					<div class="recent-content">
						<p><span></span>共享自定义镜像上线啦！</p>
						<p><span></span>共享自定义镜像上线啦！</p>
						<p><span></span>共享自定义镜像上线啦！</p>
						<p><span></span>共享自定义镜像上线啦！</p>
						<p><span></span>共享自定义镜像上线啦！</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- container end -->
	<!-- footer -->
	<div class="footer">
		<div class="footer-top">
			<div class="w1330 oh">
				<div class="f-t-left fl">
					<img class="ewm fl" src="images/ewm.jpg">
					<div class="contact fl">
						<h3 class="title">联系我们：</h3>
						<p>地址：成都市高新区天府大道中段500号</p>
						<p>邮箱：ghostcloud@ghostcloud.cn</p>
						<p class="last-child">电话：028-65785728</p>
					</div>
				</div>
				<div class="footer-nav fr">
					<div class="option"><a href="#">控制台</a></div>
					<div class="option"><a href="#">文档</a></div>
					<div class="option"><a href="#">精灵学院</a></div>
					<div class="option"><a href="#">加入我们</a></div>
				</div>
				<div class="footer-nav fr mgr100">
					<div class="option"><a href="#">私有云管理</a></div>
					<div class="option"><a href="#">公有云管理</a></div>
					<div class="option"><a href="#">使用精灵云容器</a></div>
					<div class="option"><a href="#">容器化应用</a></div>
				</div>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="w1330 oh">
				Copyright © 2015-2016 Ghostcloud 成都精灵云科技有限公司 ｜蜀ICP备14013440号-2
			</div>
		</div>
	</div>
	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="js/laydate.js"></script>
	<script src="js/main.min.js"></script>
	<!-- footer end -->
	<script>
		layer.open({
			type: 2,
			area: ['360px', '500px'],
			skin: 'layui-layer-rim', //加上边框
			content: ['http://layer.layui.com/mobile', 'no']
		});
	</script>
</body>
</html>